/* 
    Document   : style
    Created on : Mar 6, 2014, 1:27:30 PM
    Author     : akoyama
    Description:
        Purpose of the stylesheet follows.
*/

button {
    font-family: Arial;
}

#gameField {
    float: left;
    border: solid DimGray;
    border-width: 4px;
    margin-right: 8px; /*this creates more space between the buttons and the field */
    background-color: black;   
    position: relative;
}

#gameUI {
    position: relative;
    top: 0%;
    left: 0%;
    font-size: 12px;
    color: red;
}

#score {
    text-align: left;
    top: 5%;
    left: 5%;
    color: blue;
}

#scoreCount {
    text-align: left;
    top: 5%;
    left: 5%;
    color: blue;
    
}

.pill {
   height: 10px;
   width: 10px;
   background-color: gray;
   border: solid 1px white;
   position: relative;
}

.placedPill {
   height: 10px;
   width: 10px;
   position: absolute;
   background-color: green;
   border: solid 1px dimgray;
}